#header h1{
	font-size: 28px;
	font-weight: 300px;
	font-family: "Helvetica", sans-serif;
	line-height: 54px;
	letter-spacing: 3px;
	height: 56px;
	margin: 0;
	display: inline-block;
	white-space: nowrap;
}
#header a{
	color: #fff;
	text-decoration: none;
}
.ribbon{
	background-color: #16A085; /* background color for center of ribbon */
	border: 3px solid #eee; /* border color for center of ribbon */
	height: 56px;
	padding: 0 20px;
	display: inline-block;
	position: relative;
	margin-left: 56px;
	margin-right: 56px;
}

.ribbon:before, .ribbon:after{
	content: '.';
	text-indent: -9999em;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 28px;
	position: absolute;
	left: -45px;
	top: 10px;
	display: block;
	z-index: -1;
}

.ribbon:before{
	border-color: #138A72 #138A72 #138A72 transparent; /* bg color for left side of ribbon */
}

.ribbon:after{
	border-color: #138A72 transparent #138a73 #138a72; /* bg color for right side of ribbon */
	right: -45px;
	left: auto;
}